<script setup lang="ts">
import { useAppStore } from '@/stores/app'
import IconSoundFilled from './icons/IconSoundFilled.vue'
import IconSoundOutlined from './icons/IconSoundOutlined.vue'

const appStore = useAppStore()
</script>

<template>
  <IconSoundOutlined v-if="appStore.isPaused" class="mb-2" style="font-size: 22px" />
  <IconSoundFilled v-else class="mb-2" style="font-size: 22px" />
  <span class="text-xs">{{ appStore.isPaused ? '打开声音' : '关闭声音' }}</span>
</template>
